<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Untitled Document</title>
	<link rel="stylesheet" type="text/css" href="../lib/resources/css/ext-all.css"/>
        <script type="text/javascript" src="../lib/js/ext-base-debug.js">
        </script>
        <script type="text/javascript" src="../lib/js/ext-all-debug.js">
        </script>
        <script type="text/javascript" src="../lib/js/ext-lang-zh_CN.js">
        </script>
		<script type="text/javascript" src="../lib/js/FieldLabeler.js"></script>
		<script type="text/javascript">
			Ext.onReady(function(){
				var form=new Ext.form.FormPanel({
					title:'表单',
					layout:'hbox',
					height:80,
					width:400,
					renderTo:'fff',
					bodyStyle:{
						padding:'10px'
					},
					layoutConfig:{
						align:'center',
						defaultMargins:'0 0 0 10'
					},
					defaults:{
						xtype:'textfield',
						width:180,
						labelWidth:50,
						plugins:[Ext.ux.FieldLabeler]
					},
					items:[{
						name:'name',
						fieldLabel:'姓名'
					},{
						name:'pass',
						fieldLabel:'密码'
					}]
				})
			});
		</script>
	</head>
	<body>
		<div id="fff"></div>
	</body>
</html>
